<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>jQuery.getJSON demo</title>
    <style>
        img {
            height: 100px;
            float: left;
        }

    </style>
</head>

<body>

    <div id="images"></div>

    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <script>
        (function () {
            var flickerAPI = "https://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?";
            $.getJSON(flickerAPI, {
                tags: "northwest university",
                tagmode: "any",
                format: "json"
            })
                .done(function (data) {
                    $.each(data.items, function (i, item) {
                        $("<img>").attr("src", item.media.m).appendTo("#images");
                        if (i === 10) {
                            return false;
                        }
                    });
                });
        })();
    </script>

</body>

</html>
